// 加载layui - form
let form = layui.form;
// 获取文章id
let id = new URLSearchParams(location.search).get('id')
//获取文章评论列表渲染到页面
function getComment() {
    $.ajax({
        url: '/api/articles/' + id + '/comments',
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                //使用模版渲染到页面
                var html = template('discuss', res);
                $('.discuss').html(html)
            }
        }
    })
};
getComment();
// 添加评论
$('#comment').on('submit', function (e) {
    e.preventDefault();
    // 获取表单数据
    let data = $(this).serialize();
    // console.log(data);
    // 提交ajax请求
    $.ajax({
        type: 'post',
        url: '/api/articles/' + id + '/comments',
        data: data,
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                //提示用户添加成功或失败
                layer.msg(res.message)
                //清空表单内容
                $('#comment')[0].reset();
                //重新渲染页面
                getComment();
            }
        }
    })

})
$('textarea').on('input', function () {
    let l = $(this).val().length;
    $('.word_count i').html(l)
})